<template>
	<view>
		<uni-navbar :title="'crm'"></uni-navbar>
		<!-- 筛选 -->
		<view class="shaixuan">
			<view class="s-search">
				<u-search v-model="keywords" input-align="left" placeholder="搜索用户手机号"></u-search>
			</view>
			<view class="s-s" @click="show = true">
				<image src="../../static/application/qici/shaixuan.png" mode=""></image>筛选
			</view>
		</view>

		<view class="block" @click="$u.route('/pages/applications/mine-cust-Intended/mine-cust-Intended')">
			<view class="b-1">
				<view>李四13773960829</view>
				<view class="view" @click.stop="$u.route('/pages/applications/mineinten-edit/mineinten-edit')">补全资料
				</view>
			</view>
			<view class="b-2">
				<text>已成交</text>
				<view>来源：推荐注册</view>
			</view>
		</view>
		<view class="block" @click="$u.route('/pages/applications/mine-cust-Intended/mine-cust-Intended')">
			<view class="b-1">
				<view>李四13773960829</view>
				<view class="view bg-color"
					@click.stop="$u.route('/pages/applications/course_selection/course_selection')">选课记录</view>
			</view>
			<view class="b-2">
				<text class="text">未成交</text>
				<view>来源：推荐注册</view>
			</view>
		</view>
		<!-- 添加客户 -->
		<view class="add_button">
			<view @click="$u.route('/pages/applications/mineinten-edit/mineinten-edit?type=1')"><u-icon name="plus"></u-icon>添加客户</view>
		</view>
		<tarbar></tarbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keywords: ''
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.shaixuan {
		width: 100%;
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		padding: 20rpx;

		.s-search {
			width: 600rpx;
		}

		.s-s {
			line-height: 70rpx;
			color: #999999;

			image {
				width: 28rpx;
				height: 26rpx;
				margin-right: 6rpx;
			}
		}
	}

	.block {
		width: 100%;
		padding: 20rpx 30rpx;
		background-color: #fff;
		border-bottom: 1rpx solid #eeeeee;

		.b-1 {
			display: flex;
			justify-content: space-between;

			view:nth-child(1) {
				font-size: 28rpx;
				font-family: Source Han Sans SC;
				font-weight: 500;
				color: #4D4D4D;
			}

			.view {
				width: 125rpx;
				height: 49rpx;
				background: #FF7B2E;
				border-radius: 8rpx;
				font-size: 26rpx;
				font-family: Source Han Sans SC;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 49rpx;
				text-align: center;
			}

			.bg-color {
				background-color: #008EFE;
			}
		}

		.b-2 {
			display: flex;
			justify-content: space-between;
			padding-top: 20rpx;

			text {
				background: #CDE7FE;
				border-radius: 8rpx;
				font-size: 22rpx;
				font-family: Source Han Sans SC;
				color: #0287FE;
				text-align: center;
				padding: 6rpx 10rpx;
			}

			.text {
				background-color: #F2F2F2;
				color: #999999;
			}

			view {
				font-size: 24rpx;
				font-family: Source Han Sans SC;
				font-weight: 400;
			}
		}
	}
	
	.add_button{
		display: flex;
		justify-content: center;
		view{
			width: 180rpx;
			height: 50rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			background: linear-gradient(to right,#0287FE,#b4cbdf);
			border-radius: 25rpx;
			color: #fff;
			font-size: 26rpx;
			position: fixed;
			bottom: 120rpx;
		}
	}
</style>
